<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title> - 数据统计</title>
	    <meta name="keywords" content="">
	    <meta name="description" content="">
	    <link rel="shortcut icon" href="favicon.ico"> <link href="__STATIC__/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	    <link href="__STATIC__/css/font-awesome.css?v=4.4.0" rel="stylesheet">
	    <link href="__STATIC__/css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
	    <link href="__STATIC__/css/animate.css" rel="stylesheet">
	    <link href="__STATIC__/css/style.css?v=4.1.0" rel="stylesheet">
	    <link href="__STATIC__/css/new_file.css" rel="stylesheet">
	</head>
	<body class="gray-bg">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox ">
						<div class="ibox-title">
							<h5>招财树概况</h5>
						</div>
						<div class="toogl_body">
                         <a href="Money.html"><button type="button" class="btn btn-w-m btn-bt btn-white">招财树配置</button></a>
	                    	<a href="Statistics.html"><button type="button" class="btn btn-w-m btn-bt btn-white">招财树明细</button></a>
	                    	<a href="Statistics_1.html"><button type="button" class="btn btn-w-m btn-info btn-bt">招财树概况</button></a>
							<div class="ibox-content ibox-jqGrid">
								<div class="form-group"><br/>
	                                <label class="col-sm-2 control-dy">查询时间：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <input type="text" placeholder="查询时间" class="form-control form-time-bk" id="time" readonly="readonly"> 
	                                </div>
	                                <button type="button" class="btn btn-w-m btn-info">查询</button>
	                            </div>
		                        <div class="jqGrid_wrapper">
		                            <table id="table_list_1"></table>
		                            <div id="pager_list_1"></div>
		                        </div>
		                    </div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>	<!--修改end-->
	    <script src="__STATIC__/js/jquery.min.js?v=2.1.4"></script>
	    <script src="__STATIC__/js/bootstrap.min.js?v=3.3.6"></script>
	    <script src="__STATIC__/js/plugins/peity/jquery.peity.min.js"></script>
	    <script src="__STATIC__/js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
	    <script src="__STATIC__/js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
	    <script src="__STATIC__/js/content.js?v=1.0.0"></script>
    	<script src="__STATIC__/js/plugins/laydate/laydate.js"></script>
		<script>
        $(document).ready(function () {

            $.jgrid.defaults.styleUI = 'Bootstrap';
            // Examle data for jqGrid
            var mydata = [
                {
                    id: "1",
                    invdate: "2010-05-24",
                    name: "test",
                    note: "note",
                    tax: "10.00",
                    total: "2111.00"
                }
            ];

            $("#table_list_1").jqGrid({
                data: mydata,
                datatype: "local",
                height: 450,
                autowidth: true,
                shrinkToFit: true,
                rowNum: 20,
                rowList: [20,50,100],
                colNames: ['时间', '捐赠金币数', '领取金币数量', '捐赠人数', '领取人数'],
                colModel: [
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    }
                ],
                pager: "#pager_list_1",
                viewrecords: true,
                loadonce: true,
                caption: "招财树概况",
                hidegrid: false
            });
		    laydate.render({
		      elem: '#time'
		      ,range: true
		    });
        });
    </script>
</html>
